<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
	<meta name="author" content="Lancer" />
  <script type="text/javascript" src="../../jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="../../js/jquery.czTextboxtip.js"></script>
  <link rel="stylesheet" type="text/css" href="../../themes/czTextboxtip.css"  />
  <title>czTextboxtip</title>
  
  <script type="text/javascript">
    $(document).ready(function() {

      $('#username').czTextboxtip({
				tipValue : 'Enter your name',
				initCallback : function() {
					//log ('init successfully!');
				},
				blurCallback : function() {
					log ('blur!');
				},
				focusCallback: function() {
					log ('focus!');
				},
				enterCallback: function() {
					log ('you press enter');
				}
			});

			$('#email').czTextboxtip({
				tipValue : 'Enter your E-mail',
				initCallback : function() {
					log ('init successfully!');
				},
				blurCallback : function() {
					//log ('blur!');
				},
				focusCallback: function() {
					//log ('focus!');
				},
				enterCallback: function() {
					log ('you press enter');
				}
			});
    });
		
		function log($message) {
			var debug = true;
			if ( debug ) {
				if (window.console && window.console.log)
					window.console.log($message);
				else
					alert($message);
			} else {
				alert($message);
			} 
		}
  </script>
</head>

<body>
<table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="70" align="right">Demo 1</td>
    <td colspan="2">Please input your E-mail and Username</td>
  </tr>
  <tr>
    <td width="60" align="right"></td>
    <td width="100" align="right"><label for="username">Your Name</label></td>
    <td><input id="username" type="text" name="username" /></td>
  </tr>
  <tr>
    <td width="60" align="right"></td>
    <td align="right"><label for="email">Your E-mail</label></td>
    <td><input id="email" type="text" name="email" czTextboxtip="Enter" /></td>
  </tr>
</table>

</body>
</html>
